<template>
  <view class="kefu-container">
    <view class="kefu-title">联系客服</view>
    <image class="kefu-qrcode" src="/static/img/kefu.png" mode="widthFix"></image>
    <view class="kefu-tip">扫一扫上面的二维码图案，加我为好友。</view>
  </view>
</template>

<script>
export default {
  name: 'KefuPage'
}
</script>

<style scoped>
.kefu-container {
  min-height: 100vh;
  background: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 40rpx;
}
.kefu-title {
  font-size: 40rpx;
  font-weight: bold;
  margin-bottom: 40rpx;
  margin-top: 20rpx;
}
.kefu-qrcode {
  width: 400rpx;
  height: 400rpx;
  margin-bottom: 40rpx;
  border-radius: 20rpx;
  background: #fafafa;
  box-shadow: 0 2rpx 10rpx rgba(0,0,0,0.06);
}
.kefu-tip {
  color: #888;
  font-size: 28rpx;
  margin-top: 20rpx;
  text-align: center;
}
</style>
